import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component { 
	constructor(props) {
		super(props);
     
	}

	componentDidMount(){
		// 我的大数据
    }
   
	
	render() {
		return (<div className="mydata">
       <ul className="item-wrap pl30 bor-top">
            <li className="item-li bor-bottom clearfix pb20 pt20">
                <i className="item-icon item-icon-credit fl mr20"></i>
                <div className="item-text fl">
                    <span className="strong f30">芝麻信用</span><br/>
                    <span className="f24 fc9">Last sync: 2017-08-15</span>
                </div>
                <span className="switch-icon switch-icon-off fr"><span className="switch-text">Connected</span></span>
            </li>

             <li className="item-li bor-bottom clearfix pb20 pt20">
                <i className="item-icon item-icon-bracelet fl mr20"></i>
                <div className="item-text fl">
                    <span className="strong f30">小米手環</span><br/>
                    <span className="f24 fc9">Last sync: 2017-08-15</span>
                </div>
                <span className="switch-icon switch-icon-off fr"><span className="switch-text">Connected</span></span>
            </li>

             <li className="item-li bor-bottom clearfix pb20 pt20">
                <i className="item-icon item-icon-watch fl mr20"></i>
                <div className="item-text fl">
                    <span className="strong f30">Apple Watch</span><br/>
                    <span className="f24 fc9">Last sync: 2017-08-15</span>
                </div>
                <span className="switch-icon switch-icon-off fr"><span className="switch-text">Connected</span></span>
            </li>

             <li className="item-li bor-bottom clearfix pb20 pt20">
                <i className="item-icon item-icon-glass fl mr20"></i>
                <div className="item-text fl">
                    <span className="strong f30">谷歌眼睛</span><br/>
                    <span className="f24 fc9">未連接</span>
                </div>
                <span className="switch-icon switch-icon-on fr"><span className="switch-text">連接</span></span>
            </li>
             <li className="item-li bor-bottom clearfix pb20 pt20">
                <i className="item-icon item-icon-shoes fl mr20"></i>
                <div className="item-text fl">
                    <span className="strong f30">智能運動鞋</span><br/>
                    <span className="f24 fc9">未連接</span>
                </div>
                <span className="switch-icon switch-icon-on fr"><span className="switch-text">連接</span></span>
            </li>
             <li className="item-li bor-bottom clearfix pb20 pt20">
                <i className="item-icon item-icon-said fl mr20"></i>
                <div className="item-text fl">
                    <span className="strong f30">智能體脂秤</span><br/>
                    <span className="f24 fc9">未連接</span>
                </div>
                <span className="switch-icon switch-icon-on fr"><span className="switch-text">連接</span></span>
            </li>
           
       </ul>
    </div>)
	}
}

export default App;   